<template>
  <a-input v-model:value="newCount" />
  <div>{{ count }}</div>
</template>

<script setup>
import { computed, reactive, ref } from 'vue'

const count = ref(1)
// 1. 基础用法，只传入一个函数，当做get来用
// const newCount = computed(() => count.value - 1)
// 2. 进阶用法，传入set属性和get属性，分别在取值和赋值的时候起作用
const newCount = computed({
  set(value) {
    count.value = Number(value) + 1
  },
  get() {
    return count.value
  }
})
</script>

<style></style>
